<!-- @format -->

<template>
  <div>
    <!-- 1. number -->
    价格:<input
      type="text"
      v-model.number="price" /><br />

    <hr />

    <!-- 2. trim -->
    座右铭:<input
      type="text"
      v-model.trim="motto" />

    <hr />
    <!-- 3. lazy -->
    用户名:<input
      type="text"
      v-model.lazy="username" />

    <!-- 4. 3个修饰符支持链式调用 -->
  </div>
</template>

<script>
  export default {
    data() {
      return {
        price: '',
        motto: '',
        username: ''
      }
    }
  }
</script>

<style></style>
